<template>
  <div class="text-area">
    <div class="text-area-content" v-html="datas.contentText"></div>
    <!-- 删除组件 -->
    <slot name="deles" />
  </div>
</template>

<script lang="ts" setup name="TextArea">
import { toRefs } from "vue";
const props = defineProps({
  datas: {
    type: Object
  }
});
const { datas } = toRefs(props);
</script>

<style lang="scss" scoped>
.text-area {
  padding: 10px;
  background-color: #ffffff;
  .text-area-content {
    p {
      padding: 0;
      margin: 0;
    }
  }
}
</style>
